<template>
  <!-- 公司详情 -->
  <view class="box" :class="{'show-list': recruitmentPoupChage}" @click="recruitmentPoupClose">
    <view class="head" :style="setNaviStyle">
      <image
        v-if="showBackImg"
        class="back-img"
        src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
        @click="goBack" />
      <image
        v-else
        class="back-img"
        style="width: 96rpx;height: 74rpx;"
        src="https://pic.bangbangtongcheng.com/static/bbzc/new_to_home.png"
        @click="goBack" />

        <view
          class="headBut"
          v-if="personalInformation.id == userInfo.id"
          style="
            font-weight: 500;
            font-size: 32rpx;
            line-height: 32rpx;
            color: #000000;
            width: auto;
            background: transparent;
          "
        >
          我的主页
        </view>
        <view class="headBut" v-if="personalInformation && personalInformation.id != userInfo.id">
          <view v-if="personalInformation.whetherShield === '1'" class="btn-item already" @click="removeShield()">已屏蔽</view>
          <view v-else class="btn-item" @click="shield()">屏蔽</view>

          <view
            v-if="personalInformation.whetherCollection === '1'"
            @click="zpguanzhu(personalInformation.collectionId)"
            class="btn-item already"
            >已关注</view
          >
          <view v-else class="btn-item" @click="collectEnterprise">关注</view>
        </view>
        <!-- #ifdef APP -->
        <view class="head_right">
          <image
            @click="fn"
            class="fanx"
            v-if="dianpuChage == 2"
            src="https://pic.bangbangtongcheng.com/static/bbcz/share-icon.png"
            mode=""
          ></image>
          <!-- 					<image class="fanx" v-if="personalInformation.id != userInfo.id" @click="shield()"
										src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_pb.png" mode=""></image> -->
        </view>
        <!-- #endif -->
      </view>
      <!-- #ifdef MP-WEIXIN -->
      <view
        v-if="dianpuChage == 2"
        :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px'"
      ></view>
      <view
        v-else
        :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px;'"
      >
      </view>
      <!-- #endif -->
      <!-- #ifndef MP-WEIXIN -->
      <view
        v-if="dianpuChage == 2"
        :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px'"
      ></view>
      <view
        v-else
        :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px;'"
      >
      </view>
      <!-- #endif -->
      <view class="bannerBox" v-if="dianpuChage == 2" :class="scrollTop != 0 ? 'Ptop' : ''">
        <view
          v-if="personalInformation.id == userInfo.id"
          class="editBanner flex_center"
          @click="editMyHomePage">
          点击编辑内容
        </view>
        <view v-if="titIndex == 1" class="banner">
          <swiper
            style="min-height: 0rpx; height: 300rpx"
            class="screen-swiper square-dot"
            :circular="true"
            :autoplay="autoplay"
            indicator-active-color="#ffffff"
            interval="5000"
            duration="500"
            :current="current"
            @change="swiperC1"
          >
            <swiper-item
              v-for="(item, index) in swiperList"
              :key="index"
              @click="detailsDy(item)"
            >
              <image :src="item.img" mode="aspectFit" />
            </swiper-item>
          </swiper>
        </view>
        <view v-if="titIndex == 3" class="video-box">
          <image v-if="!swiperVideo.img" src="https://pic.bangbangtongcheng.com/static/noPic.jpg" class="default_img" mode="aspectFit" />
          <video
            v-else
            controls
            :direction="videoDirection"
            :src="swiperVideo.img"
            :poster="swiperVideo.img + '?vframe/jpg/offset/0'">
            <!-- #ifdef APP-PLUS -->
            <cover-view class="videoS" style="right: 0rpx;top: 20rpx;width: 160rpx;background: #0fa291;color: #fff;" @click="editMyHomePage"> 点击编辑内容</cover-view>
            <cover-view @click="titxuan(1)" class="videoS"> 图片</cover-view>
            <!-- <cover-image style="width: 40rpx;height: 40rpx;z-index: 1;position:fixed;top: 30px;left: 20px;" @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png">
            </cover-image> -->
            <!-- #endif -->
          </video>
        </view>
        <view class="butbox" :style="'left:' + (swiperVideo ? '263rpx;' : '363rpx;')">
          <view v-if="swiperVideo" :class="titIndex == 3 ? 'but xuan' : 'but'" @click="titxuan(3)">视频</view>
          <view class="tu">
            <view :class="titIndex == 1 ? 'but xuan' : 'but'" @click="titxuan(1)">图片</view>
          </view>
          <view
            class="but"
            style="background: rgba(51, 51, 51, 0.65); color: #fff"
            v-if="titIndex != 3">
            {{ current + 1 || '' }}/{{ swiperList.length || '' }}
          </view>
        </view>
      </view>
      <!-- 有店铺css样式 Yesaddress ,没有NOaddress-->
      <view :class="dianpuChage == 1 ? 'Yesaddress' : 'NOaddress'">
        <view class="title">
          {{
            companyInformation.storeName ||
            companyInformation.enterpriseName ||
            companyInformation.enterpriseFullName ||
            companyInformation.shopName ||
            ''
          }}
        </view>
        <view class="addressInfo">
          <view>
            <view class="center">
              <view class="center_left">
                <view class="center_title"> 公司地址： </view>
              </view>
              <view class="center_right" @click="enterShop()" v-if="dianpuChage == 1">
                进入店铺
              </view>
            </view>
            <view class="dizhi">
              <image
                style="width: 24rpx; height: 24rpx"
                src="https://pic.bangbangtongcheng.com/static/bbcz/index-location.png"
              >
              </image>
              {{
                companyInformation.officeAddress ||
                companyInformation.address ||
                companyInformation.shopAddress ||
                ''
              }}
            </view>
          </view>

          <view class="newNavigation" @click="openMap()">
            <span class="span">导航</span>
            <image
              src="https://pic.bangbangtongcheng.com/static/MyHomePages/location.png"
              class="image"
            >
            </image>
            <!-- <image v-if="dianpuChage == 2" class="image"
							src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_dw.png" mode="">
						</image>
						<image v-else class="image"
							src="https://pic.bangbangtongcheng.com/static/bbzc/corporation/gs_dw_2.png" mode="">
						</image> -->
          </view>
        </view>
      </view>
      <view class="bottomScrollInfo">
        <view class="dpTab">
          <view class="dpTab_item" :class="xuan == 1 ? 'dpTab_item_cur' : ''" @click="xuanzhong(1)">
            公司介绍
            <image
              v-if="xuan == 1"
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/bottom-selected-icon.png"
              mode="widthFix"
            />
            <view v-else class="dpTab_item_img"></view>
          </view>
          <view class="dpTab_item" :class="xuan == 2 ? 'dpTab_item_cur' : ''" @click="xuanzhong(2)">
            公司环境
            <image
              v-if="xuan == 2"
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/bottom-selected-icon.png"
              mode="widthFix"
            />
            <view v-else class="dpTab_item_img"></view>
          </view>
          <view class="dpTab_item" :class="xuan == 3 ? 'dpTab_item_cur' : ''" @click="xuanzhong(3)">
            帮友圈
            <image
              v-if="xuan == 3"
              class="dpTab_item_img"
              src="https://pic.bangbangtongcheng.com/static/bottom-selected-icon.png"
              mode="widthFix"
            />
            <view v-else class="dpTab_item_img"></view>
          </view>
        </view>
        <scroll-view scroll-y @scroll="handleScroll">
          <view style="padding-bottom: 120rpx" v-if="xuan == 1">
            <view
              class="introduce"
              v-if="companyProfileData.companyIntroduction && !editStatus &&  (companyProfileData.auditStatus=='1'||personalInformation.id == userInfo.id)
              "
            >
              <mote-lines-divide
                v-if="companyProfileData.companyIntroduction"
                :dt="
                  companyProfileData.companyIntroduction
                "
                :line="5"
                expandText="展开"
                foldHint="收起"
                width="670rpx"
                expandTextWidth="120rpx"
              />
              <view v-if="personalInformation.id == userInfo.id" class="editBanner" @click="editStatus=true">编辑</view>
            </view>
            <view class="introduce" v-else-if="!editStatus">
              该企业暂未填写公司简介
              <view v-if="personalInformation.id == userInfo.id" class="editBanner" @click="editStatus=true">编辑</view>
            </view>
            <view class="introduce" v-if="editStatus && (personalInformation.id == userInfo.id)" >
              <view
                class="editBanner"
                style="top:18px;transform: translateY(-50%)"
                @click="saveIntroduction()"
                >保存</view
              >
              <view class="length">
                {{ companyProfileData.companyIntroduction.length > 500 ? 500 : companyProfileData.companyIntroduction.length }}/500
              </view>
              <view class="introduceKuang" >
                <textarea
                class="textarea"
                :disabled="false"
                maxlength="500"
                v-model="companyProfileData.companyIntroduction"
                placeholder="请点击编辑输入公司介绍"
                />
              </view>
            </view>
<!--            <view
              v-if="companyProfileData == '' && companyInformation == '' && this.dianpuChage == 1"
              class="none"
            >
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>该企业暂未填写公司简介</view>
            </view> -->
            <view
              class="companySize"
              v-if="companyInformation.affiliationIndustry || companyInformation.companySize"
            >
              <view v-if="companyInformation.affiliationIndustry">
                <image src="https://pic.bangbangtongcheng.com/static/bbzc/enterprise-industry.png">
                </image>
                {{
                  companyInformation.affiliationIndustry
                    ? '所属行业：' + companyInformation.affiliationIndustry
                    : ''
                }}
              </view>
              <view
                v-if="companyInformation.companySize"
                style="background: #ebebed; width: 1rpx; height: 42rpx"
              ></view>
              <view v-if="companyInformation.companySize">
                <image
                  src="https://pic.bangbangtongcheng.com/static/bbzc/enterprise-job.png"
                ></image>
                {{
                  companyInformation.companySize
                    ? '规模人数：' + companyInformation.companySize
                    : '规模人数：100-299人'
                }}
              </view>
            </view>
            <view class="businessCircles" v-if="dianpuChage == 2">
              <!-- <view class="title">
								<view class="information"> 工商信息 </view>
								<view class="gengd" @click="gongshang()"> 查看全部> </view>
							</view> -->
              <view class="briefIntroduction">
                <view class="title">
                  <image
                    style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
                  >
                  </image>
                  <span>工商信息</span>
                </view>
                <view style="display: flex; align-items: center">
                  <span
                    style="font-size: 28rpx; color: #666666; padding-bottom: 6rpx"
                    @click="gongshang()"
                    >查看全部</span
                  >
                  <image
                    class="image"
                    style="width: 28rpx; height: 28rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/grey-right.png"
                    mode=""
                  >
                  </image>
                </view>
              </view>
              <view class="center">
                <view class="label"> 公司全称：{{ businessCirclesData.name || '' }} </view>
                <view class="label"> 法人代表：{{ businessCirclesData.operName || '' }} </view>
                <view class="label"> 成立时间：{{ businessCirclesData.startDate || '' }} </view>
                <view class="label"> 注册资本：{{ businessCirclesData.registCapi || '' }} </view>
              </view>
            </view>
          </view>
          <view style="padding-bottom: 120rpx" v-else-if="xuan == 2">
            <view class="environment">
              <view
                class="image"
                v-for="(i, j) in companyInfoList"
                :style="(j + 1) % 3 == 0 ? 'margin-right: 0rpx;' : ''"
                :key="j">
                <template>
                  <image
                    style="width: 100%; height: 100%"
                    :src="i.environmentalImages"
                    mode="aspectFill"
                    @click="HJViewImage(i.environmentalImages)" />
                  <view class="index">{{ j + 1 + '/' + 9 }}</view>
                  <view v-if="personalInformation.id == userInfo.id" class="close" @click="GSpicturesDelete(i.id)" >
                    <image src="https://pic.bangbangtongcheng.com/static/MyHomePages/image-close.png">
                    </image>
                  </view>
                </template>
              </view>
              <view
                v-if="personalInformation.id == userInfo.id && companyInformationList.length<9"
                class="image"
                style="
                  background: #f5f7f9;
                  border: 1rpx solid #cccccc;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                " @click="ChooseImages(0,1)">
                <image
                  style="width: 40rpx; height: 40rpx"
                  src="https://pic.bangbangtongcheng.com/static/MyHomePages/add-images.png" />
              </view>
            </view>
            <view v-if="personalInformation.id == userInfo.id ? !companyInformationList.length : !companyInformationLists.length" class="none">
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>暂无数据</view>
            </view>
          </view>
          <view style="padding-bottom: 120rpx" v-else-if="xuan == 3">
            <view class="circle" v-if="loding">
              <view
                class="circle_item"
                v-for="(item, index) in Recommend"
                :key="item.id"
                @click="byqdetails(item.id)"
              >
                <view class="headPortrait" @click.stop="userfy(item)">
                  <image
                    class="img1"
                    v-if="!item.userInfo.image"
                    src="https://pic.bangbangtongcheng.com/static/my/header.png"
                  />
                  <image class="img1" :src="item.userInfo.image" v-else />
                </view>
                <view style="width:calc(100% - 90rpx);flex: 1">
                  <view class="mingpians">
                    <view class="mingpians_left">
                      <view class="counselor">
                        <view class="counselor_top">
                          <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
                        </view>
                        <text
                          class="vip-rank"
                          :style="{
                            color: $member.colors()[item.userInfo.memberLevel - 1].wordColor,
                            backgroundColor:
                              $member.colors()[item.userInfo.memberLevel - 1].bgColor,
                            borderColor: $member.colors()[item.userInfo.memberLevel - 1].lineColor,
                          }"
                        >
                          {{ $member.colors()[item.userInfo.memberLevel - 1].level }}
                        </text>
                      </view>
                    </view>
                    <view class="mingpians_right">
                      <view class="item" @click.stop="guanzhu(item, index)">
                        <image
                          class="image1"
                          v-if="item.whetherCollection == 0"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu.png"
                          mode=""
                        >
                        </image>
                        <image
                          v-else
                          class="image1"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu01.png"
                          mode=""
                        ></image>
                        <view class="">
                          {{ item.whetherCollection == 0 ? '收藏' : '已收藏' }}
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="circle_center_wz">
                    <view class="circle_center_wz_text">
                      {{ item.content }}
                    </view>
                    <view class="circle_center_wz_img">
                      <!-- 发布为图片 -->
                      <template v-if="item.picture">
                        <view v-if="item.pictureArr.length == 1">
                          <image
                            class="circle_center_wz_imgss"
                            mode="heightFix"
                            :src="item.pictureArr[0]"
                            @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
                          >
                          </image>
                        </view>
                        <view
                          :class="
                            item.pictureArr.length > 2
                              ? 'circle_center_wz_imgss_d'
                              : 'circle_center_wz_imgss_ds'
                          "
                          v-else
                        >
                          <image
                            class="image"
                            v-for="(i, j) in item.pictureArr"
                            :src="i"
                            :key="j"
                            mode="aspectFill"
                            @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
                          >
                          </image>
                        </view>
                      </template>
                      <!-- 发布为视频 -->
                      <template v-if="item.video">
                        <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
                          <image
                            style="max-height: 290rpx"
                            :src="item.video + '?vframe/jpg/offset/0'"
                            mode="heightFix"
                          >
                          </image>
                          <image
                            class="images"
                            src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
                            mode=""
                          ></image
                          ><strong></strong>
                        </view>
                      </template>
                    </view>
                  </view>
                  <view
                    style="
                      width: 100%;
                      display: flex;
                      align-items: center;
                      margin-left: 30rpx;
                      margin-top: 20rpx;
                    "
                    @click.stop="openMap(item)"
                    v-if="item.detailedAddress"
                  >
                    <image
                      style="width: 40rpx; height: 40rpx"
                      src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
                      mode=""
                    >
                    </image>
                    <view
                      style="
                        width: 500rpx;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                      "
                    >
                      {{ item.detailedAddress.slice(3, item.detailedAddress.length) }}
                    </view>
                  </view>
                  <view class="circle_bottom">
                    <view class="circle_left">
                      {{ $Time.getDateDiff(item.createDate) }}
                    </view>
                    <view class="circle_right">
                      <view class="circle_right_item">
                        <image
                          class="image2"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/eye01.png"
                          mode=""
                        >
                        </image
                        >{{ item.views || 0 }}
                      </view>
                      <view class="circle_right_item" @click.stop="dianzan(item, index, 1)">
                        <image
                          class="image3"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/dz01.png"
                          mode=""
                          v-if="item.whetherThumbsUp != 1"
                        ></image>
                        <image
                          class="image3"
                          src="https://pic.bangbangtongcheng.com/static/dz01.png"
                          mode=""
                          v-else
                        >
                        </image>
                        {{ item.upThumb }}
                      </view>
                      <view class="circle_right_item" @click.stop="diancai(item, index, 2)">
                        <image
                          class="image3"
                          style="width: 38rpx; height: 36rpx"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/dc01.png"
                          mode=""
                          v-if="item.whetherThumbsDown != 1"
                        ></image>
                        <image
                          class="image3"
                          style="width: 38rpx; height: 36rpx"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/dc02.png"
                          mode=""
                          v-else
                        ></image>
                        {{ item.downThumb }}
                      </view>
                      <view class="circle_right_item">
                        <image
                          class="image4"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
                          mode=""
                        >
                        </image
                        >{{ item.forwardingVolume }}
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view v-if="Recommend.length == 0" class="none">
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>没有更多数据了</view>
            </view>
            <view class="" style="height: 130rpx"></view>
          </view>
        </scroll-view>
      </view>

      <!-- 在招职位弹窗 -->
      <view
        class="recruitmentPoup"
        @click.stop=""
        @touchstart="start"
        @touchend="end"
        :style="recruitmentPoupChage ? 'height:80%' : 'height:0%'"
      >
        <view class="title">
          <view class="company-name">
            {{
              companyInformation.storeName ||
              companyInformation.enterpriseName ||
              companyInformation.enterpriseFullName ||
              companyInformation.shopName ||
              ''
            }}
          </view>
          <view class="flex_end banner">
            <view class="title_text">
              在招职位:{{ RecruitmentPositionCount }}个
            </view>
            <view class="editBanner" style="right: 40rpx;width: 200rpx;" @click="recruitmentPoupClose">
              查看企业介绍
            </view>
          </view>
        </view>
        <scroll-view
          :style="'height: calc(80vh - 200rpx);'"
          scroll-y
          @scrolltolower="down"
          refresher-background="#f5f5f5"
		      @scroll.stop="scrollTouch" >
          <view class="list-box">
            <HireHumpItem v-for="(item, index) in RecruitmentPosition" :key="index" :data="item" @item-click="details" />
            <view v-if="RecruitmentPosition.length == 0" class="none">
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>没有更多数据了</view>
            </view>
            <view class="down" v-show="RecruitmentPosition.length != 0 && !downStatus"
              >没有更多了</view
            >
          </view>
        </scroll-view>
      </view>
      <view class="positionRecruitment-box">
        <view class="positionRecruitment" @click.stop="recruitmentPoupClick()">
          <image
            src="https://pic.bangbangtongcheng.com/static/MyHomePages/button-icon.png"
            style="width: 125rpx; height: 70rpx"
          ></image>
          在招职位：{{ RecruitmentPositionCount }}个
        </view>
      </view>
      <view class="bottom" style="display: none">
        <view class="bottom_left">
          <view class="img" @click="openMap">
            <image src="https://pic.bangbangtongcheng.com/static/fei.png"></image>
            <p>导航</p>
          </view>
          <!-- #ifdef APP-PLUS -->
          <view class="img" @click="getPhone(personalInformation.phone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua.png"></image>
            <p>拨打电话</p>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="img" @click="onphone(personalInformation.phone)">
            <image src="https://pic.bangbangtongcheng.com/static/dianhua.png"></image>
            <p>拨打电话</p>
          </view>
          <!-- #endif -->
        </view>
        <view
          class="but"
          @click.stop="
            chat(personalInformation.id, personalInformation.nikeName, personalInformation.image)
          "
          >在线聊天
        </view>
      </view>
      <uni-popup ref="binds_shield" type="center">
        <view class="binds_shield">
          <view class="text"> 屏蔽后不会对你推荐该公司职位，你发布的信息也不会对该公司展示 </view>
          <view class="btn">
            <view class="qx_btn" @click="qx_shield"> 取消 </view>
            <view class="qd_btn" @click="qd_shield"> 确定 </view>
          </view>
        </view>
      </uni-popup>
      <uniBall></uniBall>
      <previewImgV ref="previewImgV"></previewImgV>
    </view>
  </view>
</template>

<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import MoteLinesDivide from '@/components/mote-lines-divide/mote-lines-divide'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = 106
  //  #endif
  import previewImgV from '@/components/previewImgV.vue'
  export default {
    data() {
      return {
        titIndex: 1,
        statusBarHeight,
        WXwidth: '',
        // 判断是否有店铺1,公司2
        dianpuChage: 0,
        // 判断是否需要展开
        zhankai: false,
        // 判断是否展开介绍
        recruitmentPoupChage: false,
        zkjsChage: false,
        // 个人信息
        personalInformation: {},
        // 公司、店铺信息
        companyInformation: {},
        // 公司介绍
        companyProfileData: {
          companyIntroduction:''
        },
        // 公司环境
        companyInformationList: [],
        companyInformationLists: [],
        xuan: 1,
        TabCur: 0,
		    oldScrollTop: 0,
        scrollLeft: 0,
        // 轮播图切换状态
        autoplay: false,
        list: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '二手车',
          },
          {
            num: 3,
            name: '新车',
          },
        ],
        swiperList: [],
        userId: '',
        scrollTop: 0,
        data: {},
        imgUrl: this.$imgSrc,
        transactionType: '',
        newOld: '',
        Recommend: [],
        jjrList: [],
        dynamicList: [],
        userInfo: uni.getStorageSync('Pduser') || {},
        trigger: false,
        downStatus: true,
        upStatus: true,
        isCollection: 0,
        showTab: false,
        target: 100,
        swiperVideo: {},
        current: 0,
        loding: false,
        businessCirclesData: {},
        pageNo: 1,
        pageSize: 10,
        RecruitmentPosition: [],
        RecruitmentPositionCount: 0,
        clientX: '',
        clientY: '',
        showPopup: false,
		    editStatus:false
      }
    },
    components: {
      previewImgV: previewImgV,
	  MoteLinesDivide
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
      setNaviStyle(){
        const top = this.scrollTop;
        const opacity = top / 50;
        // const opacity = (top / 200).toFixed(2);
        console.log(opacity);
        console.log(`padding-top: ${this.statusBarHeight1}px;padding-right: calc(${this.$menuBtnInfo.pr || 0 }px + 30rpx);height: calc(${this.statusBarHeight1}px + 88rpx);opacity: ${opacity};`);
        return `padding-top: ${this.statusBarHeight1}px;padding-right: calc(${this.$menuBtnInfo.pr || 0 }px + 30rpx);height: calc(${this.statusBarHeight1}px + 88rpx);background-color: rgba(255,255,255,${opacity});`;
      },
      companyInfoList(){
        const list = this.personalInformation.id == this.userInfo.id ? this.companyInformationList : this.companyInformationLists
        return list;
      },
      videoDirection(){
        let direction = 90;
        // #ifdef APP-PLUS
        if (plus.os.name === 'iOS') direction = 0;
        //  #endif
        return direction;
      },
      showBackImg(){
        const pages = getCurrentPages() //当前页
        return pages.length >= 2
      },
    },
    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop;
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
      images(url) {
        let arr = url.split('')
        if (arr[0] == '/') {
          return this.imgUrl + url
        } else {
          return url
        }
      },
    },
    async onLoad(options) {
      this.userId = options.userId
      /* 客户需求点击查看招聘展开招聘列表 */
      if (options.showPopup) {
        this.showPopup = true
      }
      if (options.scene){
        const scene = decodeURIComponent(options.scene);
        console.log(scene)
        this.userId = scene;
        this.showPopup = true;
      }
      await this.xuanzhong(1)
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
    onShow(){
      this.autoplay = true;
      this.getData()
    },
    onHide(){
      this.autoplay = false;
    },
    methods: {
      handleScroll(e){
        // console.log(e);
      },
      titxuan(index) {
        this.titIndex = index
      },
      editMyHomePage() {
        let id = ''
        let fileType = '1'
        if (this.titIndex==1){//图片
          id = this.swiperList[this.current].id
          console.log(this.swiperList[this.current].status)
          if (this.swiperList[this.current].status=='0'){
            uni.showToast({
              title: '当前内容审核中不能编辑',
              icon: 'none',
              mask: true,
            })
            return
          }
        } else {
          fileType = 2
          id = this.swiperVideo.id
          if (this.swiperVideo.status=='0'){
            uni.showToast({
              title: '当前内容审核中不能编辑',
              icon: 'none',
              mask: true,
            })
            return
          }
        }
        uni.navigateTo({
          // url: '/pages_release/sellingInfomation?identify='+this.id,
          url: '/pages_owner/editMyHomePage?id='+id+'&shopId='+this.companyInformation.id+'&fileType='+fileType+'&businessType=4',
        })
      },
      // 上传公司资料
      async ChooseImages(menthType, type) {
        if (menthType == 0) {
          this.ChooseImage(type)
        }
      },
      ChooseImage(type) {
      let _this = this
      uni.chooseImage({
        count: 9 - _this.companyInformationList.length,
        sizeType: ['copressed'],
        sourceType: ['camera', 'album'],
        success(res) {
          //因为有一张图片， 输出下标[0]， 直接输出地址
          var imgFiles = res.tempFilePaths
          const tempFiles = res.tempFiles
          let resSize = tempFiles[0].size
          if (resSize > 20971520) {
            uni.showToast({
              title: '上传图片大小不能超过20MB',
              icon: 'error',
            })
            return
          }
          if (type == '1') {
            if (_this.companyInformationList.length + imgFiles.length > 9) {
              uni.showToast({
                title: '图片最多不能超过9张',
                duration: 2000,
                icon: 'none',
              })
              return
            }
          }
          let panduan = false
          tempFiles.forEach((i, j) => {
            let length = ''
            // #ifdef H5
            length = i.name.length
            let resType = i.name.substring(length - 1, length)
            // #endif
            // #ifndef H5
            length = i.path.length
            let resType = i.path.substring(length - 1, length)
            // #endif
            if (resType != 'g' && resType != 'G') {
              panduan = true
            }
          })
          if (panduan) {
            uni.showToast({
              title: '不支持当前文件格式',
              icon: 'none',
            })
            return
          }
          var uper
          imgFiles.forEach((el, index) => {
            uni.showToast({
              title: '正在上传请稍后',
              icon: 'none',
              duration: 2000,
            })
            uper = uni.uploadFile({
              // 需要上传的地址
              url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
              // filePath  需要上传的文件
              filePath: el,
              name: 'file',
              success(res1) {
                if (type == '1') {
                  _this.GSpictures(JSON.parse(res1.data).data[0].url)
                }
              },
              fail: (err) => {
                uni.showModal({
                  content: err.errMsg,
                  showCancel: false,
                })
              },
            })
            uper.onProgressUpdate(function (res) {})
          })
        },
        fail: (fail) => {

        },
      })
      },
   //上传公司环境图片
   GSpictures(url) {
     let businessType =
       this.userInfo.businessType == 0 || !this.userInfo.businessType
         ? '4'
         : this.userInfo.businessType
     this.$myRequest
       .post('/api/mobile/public/addOrModifyCompanyEnvironment', {
         businessType: businessType,
         companyId: this.userInfo.id,
         environmentalImages: url,
       })
       .then((data) => {
         uni.showToast({
           title: '上传成功',
           icon: 'none',
           mask: true,
         })
         this.GSpicturesHQ()
       })
   },
   // 删除公司环境图片
   GSpicturesDelete(id) {
     this.$myRequest
       .post('/api/mobile/public/deleteCompanyEnvironment', {
         ids: id,
       })
       .then((data) => {
         uni.showToast({
           title: data.msg,
           icon: 'none',
           mask: true,
         })
         this.GSpicturesHQ()
       })
   },
      start(e) {
        this.clientX = e.changedTouches[0].clientX
        this.clientY = e.changedTouches[0].clientY
      },
      end(e) {
        const subX = e.changedTouches[0].clientX - this.clientX
        const subY = e.changedTouches[0].clientY - this.clientY
        if (subY > 50 || subY < -50) {
          if (subY > 50 && this.oldScrollTop < 3) {
            this.recruitmentPoupClose();
          } else {
            console.log('上滑')
          }
        } else {
          if (subX > 50) {
            console.log('右滑')
          } else if (subX < -50) {
            console.log('左滑')
          } else {
            console.log('无效')
          }
        }
      },
	  scrollTouch(e){
		  this.oldScrollTop = e.detail.scrollTop
	  },
      // 点击会员
      goMyLevel() {
        uni.navigateTo({
          url: '/pages_my/bangClub',
        })
      },
      shield() {
        if (!this.showLogin()) {
          return false;
        }
        if (this.personalInformation.id == this.userInfo.id) {
          uni.showToast({
            title: '不可屏蔽自己!',
            icon: 'none',
            mask: true,
          })
          return
        }
        this.$refs.binds_shield.open()
      },
      qx_shield() {
        this.$refs.binds_shield.close()
      },
      qd_shield() {
        let data = {}
        data = {
          shieldPeople: this.userInfo.id,
          associationId: this.companyInformation.userId,
          associationName: this.personalInformation.nikeName,
          // associationName:this.personalInformation.enterpriseName,// 这个数据会有数据为空现象 换个nikeName
          shieldingType: 2,
          shieldingTime: this.$Time.getTimes(),
        }
        this.$myRequest.post('/api/mobile/personnelOwner/increaseShield', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          setTimeout(() => {
            uni.navigateBack({
              delta: 1,
            })
          }, 1500)
        })
      },
	  removeShield() {
	    let data = {}
	    data = {
	      ids: this.personalInformation.shieldId,
	    }
	    this.$myRequest.post('/api/mobile/personnelOwner/removeShieldBlock', data).then((res) => {
	      uni.showToast({
	        title: res.msg,
	        icon: 'none',
	        mask: true,
	      })
	      setTimeout(() => {
	        this.getData()
	      }, 1500)
	    })
	  },
      // 获取公司的信息
      async getData() {
        this.swiperList.length && (this.swiperList.length = 0);
        await this.$myRequest
          .get('/api/mobile/public/getCompanyInformationByUserId', {
            userId: this.userId,
            collectorId: this.userInfo.id,
          })
          .then((res) => {
            // 获取个人的信息
            this.personalInformation = res.userCompanyInformation
            console.log(this.personalInformation)
            // 获取公司信息
            if (res.userCompanyInformation.businessType == 2) {
              this.companyInformation = res.userCompanyInformation.distributorDto
            } else if (res.userCompanyInformation.businessType == 1) {
              this.companyInformation = res.userCompanyInformation.shopInfo
            } else {
              this.companyInformation = res.userCompanyInformation.enterpriseCertification
            }
            // 判断是店铺还是公司
            if (
              res.userCompanyInformation.businessType == 0 ||
              !res.userCompanyInformation.businessType
            ) {
              // 公司
              this.dianpuChage = 2
              this.getdynamicList2()
              this.getbusinessCircles()
            } else {
              this.dianpuChage = 1
            }
            this.getRecruitmentPosition()
          })
      },
      // 获取工商信息
      getbusinessCircles() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/getBusinessAdministration', {
            enterpriseCertificationId: this.companyInformation.id,
            keyword: this.companyInformation.unifiedSocialCreditCode,
          })
          .then((res) => {
            this.businessCirclesData = res.businessAdministration;
          })
      },
	  //保存公司简介
	  saveIntroduction(){
		  let businessType =
		    this.userInfo.businessType == 0 || !this.userInfo.businessType
		      ? '4'
		      : this.userInfo.businessType;
      if (!this.companyProfileData.companyIntroduction) {
        uni.showToast({
          title: '公司简介不能为空！',
          icon: 'none',
          mask: true,
        })
        return
      }
		  this.$myRequest
		    .post('/api/mobile/public/addOrModifyCompanyIntroduction', {
		      businessType: businessType,
		      companyId: this.userId,
		      companyIntroduction: this.companyProfileData.companyIntroduction,
		      id: this.companyProfileData.id || '',
		    })
		    .then((data) => {
		      uni.showToast({
		        title: data.msg,
		        icon: 'none',
		        mask: true,
		      })
			  this.editStatus = false
		      this.GSintroduceHQ()
		    })
	  },
      // 获取在招职位
      getRecruitmentPosition() {
        let that = this
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentPosition', {
            userId: this.personalInformation.id,
            pageNo: this.pageNo,
            pageSize: this.pageSize,
          })
          .then((res) => {
            const qData = res.recruitment;
            if (qData.pageCount < qData.pageNo * qData.pageSize) {
              this.downStatus = false;
            }
            this.upStatus = true
            this.trigger = false;
            if (qData.pageNo == 1) {
              this.RecruitmentPosition = qData.pageList
            } else {
              this.RecruitmentPosition = this.RecruitmentPosition.concat(qData.pageList)
            }
            this.RecruitmentPositionCount = qData.pageCount;
            if (this.showPopup) {
              this.recruitmentPoupChage = true
              this.showPopup = false; // 开启过一次就关闭
            }
            uni.stopPullDownRefresh()
          })
      },
      down() {
        if (this.downStatus) {
          this.pageNo++
          this.getRecruitmentPosition()
        }
      },
      async up() {
        this.RecruitmentPosition = []
        this.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.getRecruitmentPosition()
        }
      },
      enterShop() {
        if (this.personalInformation.businessType == 1) {
          if (this.companyInformation.shopType == 2) {
            uni.navigateTo({
              url: '/pages_houses/houses/housesDetails?id=' + this.companyInformation.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_intermediary/shopDetails?id=' + this.companyInformation.id,
            })
          }
        } else {
          if (this.companyInformation.storeType == 1 || this.companyInformation.storeType == 2) {
            uni.navigateTo({
              url: '/pages_owner/dealer/dealerDetails?id=' + this.companyInformation.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/ownerService/ownerServiceDetails?id=' + this.companyInformation.id,
            })
          }
        }
      },
      // 获取公司介绍
      GSintroduceHQ() {
        let businessType =
          this.personalInformation.businessType == 0 || !this.personalInformation.businessType
            ? '4'
            : this.personalInformation.businessType
        this.$myRequest
          .get('/api/mobile/public/getCompanyIntroductionTabulation', {
            businessType: businessType,
            companyId: this.userId,
          })
          .then((data) => {
            if (data.companyEnvironmentTabulation.length>0) {
              this.companyProfileData = data.companyEnvironmentTabulation[0]
              //this.companyProfileData.companyIntroduction += 'this.companyProfileData.companyIntroduction213213 456465465 56456465v this.companyProfileData.companyIntroduction213213 456465465 56456465 this.companyProfileData.companyIntroduction213213 456465465 56456465';
              this.$nextTick(() => {
                this.zhankais();
              })
            }
          })
      },
      // 获取公司介绍是否需要展开
      zhankais() {
        this.$nextTick(() => {
          uni
            .createSelectorQuery()
            .in(this)
            .select('.introduce')
            .fields(
              {
                size: true,
              },
              (res) => {
                if (res && res.height > 115) {
                  this.zhankai = true
                }
              }
            )
            .exec()
        })
      },
      // 获取公司环境
      GSpicturesHQ() {
        let businessType =
          this.personalInformation.businessType == 0 || !this.personalInformation.businessType
            ? '4'
            : this.personalInformation.businessType
        this.$myRequest
          .get('/api/mobile/public/getCompanyEnvironmentTabulation', {
            businessType: businessType,
            companyId: this.userId,
          })
          .then((data) => {
            this.companyInformationList = []
            this.companyInformationLists = []
            data.companyEnvironmentTabulation.forEach((v) => {
              this.companyInformationList.push(v)
              if(v.auditStatus==1){
                this.companyInformationLists.push(v)
              }
            })
          })
      },
      recruitmentPoupClick() {
        this.recruitmentPoupChage = true
      },
      recruitmentPoupClose(){
        this.recruitmentPoupChage = !1;
      },
      // 展开公司介绍
      zhankaiChage() {
        this.zkjsChage = !this.zkjsChage
      },
      gongshang() {
        uni.navigateTo({
          url:
            '/pages_recruitMoney/recruitmentDetails/businessInformation?id=' +
            this.companyInformation.id +
            '&creditCode=' +
            this.companyInformation.unifiedSocialCreditCode,
        })
      },
      async userfy(item) {
        if (!this.showLogin()) {
          return
        }
        let yy = await this.getjjr(item.userInfo.id)
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          if (!yy.buildingId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId,
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + yy.id,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + item.userInfo.id,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      // 增加帮帮豆
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title || '分享公司',
          })
          .then((res) => {})
      },
      fn() {
        console.log(this.personalInformation);
        const that = this;
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            this.addIntegral(3)
            let wsxcene = null
            if (res.tapIndex == 0) {
              //分享到好友 可以发送小程序
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: that.companyInformation.enterpriseFullName,
                imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path:
                    'pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + that.userId,
                  type: 0,
                  webUrl:
                    'https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
                    that.userId,
                },
                // summary: "我正在看，" + that.data.title + "赶紧跟我一起来查看！",
                success: function (res) {
                  console.log('success:' + JSON.stringify(res))
                },
                fail: function (err) {
                  console.log('fail:' + JSON.stringify(err))
                },
              })
            } else {
              uni.downloadFile({
                url: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', //仅为示例，并非真实的资源
                success: (res) => {
                  if (res.statusCode === 200) {
                    let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/') + 1) //截取文件名
                    plus.zip.compressImage(
                      {
                        src: res.tempFilePath, //下载完图片的临时路径
                        dst: '_doc/photoData/' + name, //存储压缩完图片的临时路径
                        overwrite: true, //再次压缩会覆盖掉上次的目录
                        width: '150px', //缩放图片的宽度
                        height: '100px', //缩放图片的高度
                        quality: 5, //压缩图片质量,值越低,图片占内存越低
                      },
                      (event) => {
                        //压缩成功
                        wsxcene = 'WXSceneTimeline' //分享到朋友圈 只能H5 或者图片
                        uni.share({
                          provider: 'weixin',
                          scene: wsxcene,
                          type: 0,
                          title: that.companyInformation.enterpriseFullName,
                          href:
                            'https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
                            that.userId,
                          imageUrl: event.target,
                          summary:
                            '我正在看，' +
                            '帮帮同城-平度人都在用的生活服务平台' +
                            '赶紧跟我一起来查看！',
                          success: function (res) {
                            console.log('success:' + JSON.stringify(res))
                          },
                          fail: function (err) {
                            console.log('fail:' + JSON.stringify(err))
                          },
                        })
                      },
                      (error) => {
                        //压缩失败
                        uni.showToast({
                          title: '压缩失败',
                          icon: 'none',
                        })
                      }
                    )
                  }
                },
              })
            }
          },
          fail: function (res) {
            console.log(res.errMsg)
          },
        })
      },
      getdynamicList2() {
        let that = this
        this.$myRequest
          .get('/mob/user/getArticleInfo', {
            pageSize: '999',
            pageNo: '1',
            businessType: 4,
            shopId: this.companyInformation.id,
            type: '2',
          })
          .then((res) => {
            this.swiperList.push({
              id: '',
              status:'',
              img: "https://pic.bangbangtongcheng.com/static/noPic.jpg",
            },
            {
              id: '',
              status:'',
              img: "https://pic.bangbangtongcheng.com/static/noPic.jpg",
            })
            this.swiperVideo = {
              id: '',
              status:'',
              img: "",
            }
            res.list.forEach((v,index) => {
              if (this.userInfo.id == this.personalInformation.id){//自己查看的时候
                if (v.remarks == 2&&this.swiperVideo.id=='') {
                  this.swiperVideo = {
                      id: v.id,
                      status:v.auditStatus,
                      img: v.image,
                  }
                } else {
                  let a = 0
                  if (a === 0) {
                    const list = this.swiperList;
                    if (list[0] && list[0].id === '') {
                      this.swiperList[0] = {
                        id: v.id,
                        status:v.auditStatus,
                        img: v.image,
                      }
                      a = 1;
                    } else if (list[1] && list[1].id === '') {
                      this.swiperList[1] = {
                        id: v.id,
                        status:v.auditStatus,
                        img: v.image,
                      }
                      a = 1;
                    }
                  }
                }
              } else {
                if(v.auditStatus==1){
                  if (v.remarks == 2&&this.swiperVideo.id=='') {
                    this.swiperVideo = {
                      id: v.id,
                      status:v.auditStatus,
                      img: v.image,
                    }
                  } else {
                    let a = 0
                    if (a === 0) {
                      const list = this.swiperList;
                      if (list[0] && list[0].id === '') {
                        this.swiperList[0] = {
                          id: v.id,
                          status:v.auditStatus,
                          img: v.image,
                        }
                        a = 1;
                      } else if (list[1] && list[1].id === '') {
                        this.swiperList[1] = {
                          id: v.id,
                          status:v.auditStatus,
                          img: v.image,
                        }
                        a = 1;
                      }
                    }
                  }
                }
              }
            })
            // if (this.swiperList.length == 0) {
            //   this.swiperList.push({
            //     id: '',
            //     img: this.data.image && this.data.image.split("|")[0],
            //   })
            // }
            console.log(this.swiperList)
          })
      },
      byqdetails(id) {
        uni.navigateTo({
          url: '/pages_owner/my/friendsCircleDetails?id=' + id,
        })
      },
      HJViewImage(urls) {
        console.log(urls);
        let url = []
        this.companyInfoList.forEach((v) => {
          url.push(v.environmentalImages)
        })
        uni.previewImage({
          urls: url,
          current: urls,
        })
      },
      ViewImage(url, urls) {
        uni.previewImage({
          urls: url,
          current: urls,
        })
      },
      videoClick(e) {
        this.$refs.previewImgV.open(e)
      },
      // 关注企业
      collectEnterprise() {
        if (!this.showLogin()) {
          return
        }
        this.$myRequest
          .post('/api/mobile/public/favoriteFollowOrCancelFavoriteFollow', {
            collectorId: this.userInfo.id,
            relationId: this.companyInformation.id,
            collectionType: '9',
            businessType: '4',
          })
          .then((res) => {
            uni.showToast({
              // title: res.msg,
              title: '关注成功',
              icon: 'none',
              mask: true,
            })
            this.getData()
          })
      },
      // 取消关注
      zpguanzhu(ids) {
        this.$myRequest
          .post('/api/mobile/public/favoriteFollowOrCancelFavoriteFollow', {
            ids,
          })
          .then((res) => {
            uni.showToast({
              title: '取消关注成功',
              icon: 'none',
              mask: true,
            })
            this.getData()
          })
      },
      // 关注帮友圈
      guanzhu(item) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: item.id,
            collectionType: '3',
            ids: item.collectionAttention ? item.collectionAttention.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (item.whetherCollection == 0) {
              this.addIntegral(5, '关注帮友圈')
            }
            this.getFriends()
          })
      },
      // 点赞帮友圈
      dianzan(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsUp != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/upperOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          this.getFriends()
        })
      },
      diancai(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsDown != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/downOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          this.getFriends()
        })
      },
      // 查询门店下的帮友圈
      getFriends() {
        let that = this
        let data = {}
        if (
          this.personalInformation.businessType == '0' &&
          this.personalInformation.enterpriseRecruitmentStatus == 1
        ) {
          data = {
            pageSize: 9999,
            pageNo: 1,
            enterpriseId: this.companyInformation.userId,
            userId: this.userInfo.id,
            businessType: this.personalInformation.businessType,
          }
        } else {
          data = {
            pageSize: 9999,
            pageNo: 1,
            storeId: this.companyInformation.id,
            userId: this.userInfo.id,
            businessType: this.personalInformation.businessType,
          }
        }
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getHelpingFriendsCircle', data)
          .then((res) => {
            uni.hideLoading()
            res.helpingFriendsCircle.pageList.forEach((item) => {
              if (item.picture) {
                let arr = item.picture.split('|')
                let pictureArr = []
                arr.forEach((el) => {
                  pictureArr.push(el)
                })
                item.pictureArr = pictureArr
              }
            })
            this.Recommend = res.helpingFriendsCircle.pageList
            this.loding = true
          })
      },
      swiperC1(e) {
        this.current = e.detail.current
      },
      openMap() {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(that.companyInformation.latitude), //目的地latitude
                longitude: Number(that.companyInformation.longitude), //目的地longitude
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(this.companyInformation.latitude),
          longitude: Number(this.companyInformation.longitude),
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      async getPhone(phone) {
        this.onphone(phone)
      },
      onphone(phone) {
        if (!this.userinfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        uni.makePhoneCall({
          // 手机号
          phoneNumber: phone,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
          },

          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },
      xuanzhong(num) {
        this.xuan = num
        if (num == 1) {
          this.GSintroduceHQ()
        } else if (num == 2) {
          this.companyInformationList = []
          this.GSpicturesHQ()
        } else if (num == 3) {
          uni.showLoading({
            title: '加载中',
            mask: false,
          })
          this.loding = false
          this.getFriends()
        }
      },
      chat(receiver, nikeName, img) {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: `/pages_release/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          _this.addIntegral(3)
          wxshare.updateAppMessageShareData({
            title: _this.personalInformation.enterpriseName, // 分享标题
            desc: '找工作就用帮帮同城', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/companyDetails?userId=${_this.userId}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: _this.personalInformation.enterpriseName, // 分享标题
            desc: '找工作就用帮帮同城', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/companyDetails?userId=${_this.userId}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      onShareAppMessage: function (res) {
        this.addIntegral(3)
        const that = this;
        if (res.from === 'menu') {}
        return {
          title: that.companyInformation.enterpriseFullName,
          path: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + that.userId,
          desc: '找工作就用帮帮同城',
          imageUrl: '',
          // imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
        }
      },
      onShareTimeline() {
        this.addIntegral(3)
        const that = this;
        return {
          title: that.companyInformation.enterpriseFullName,
          path: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + that.userId,
          imageUrl: '',
          // imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
        }
      },
      detailsDy(item) {
        if (this.recruitmentPoupChage||!item.id) {
          return
        }
		console.log(item,'----------')
		if (item.status=='0'){
		  uni.showToast({
		    title: '当前内容审核中',
		    icon: 'none',
		    mask: true,
		  })
		  return
		}
        uni.navigateTo({
          url: '/pages_intermediary/dynamicDetail?id=' + item.id,
        })
      },
      detailjjr(id) {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + id,
        })
      },
      goBack() {
        if (this.showBackImg) {
          uni.navigateBack({
            delta: 1,
          })
        } else {
          uni.switchTab({
            url: '/pages/index/index',
          })
        }
      },
      sousuo() {
        uni.navigateTo({
          url: '/pages_search/search',
        })
      },
      bannerD(id) {
        console.log(id)
        if (id != undefined) {
          uni.navigateTo({
            url: '/pages/index/bannerDetails?id=' + id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_index/Watch/index',
          })
        }
      },
      tiaozhuan(num) {
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_houses/housing/index',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages/index/bannerDetails',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages/intermediary/index',
          })
        }
      },
      details(item) {
        if (item.recruitmentType == '1') {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
          })
        }
      },
    },
  }
</script>

<style lang="less" scoped>
  page {
    background-color: #fff;
  }

  .addressInfo {
    display: flex;
    align-items: center;

    .newNavigation {
      margin-left: 20rpx;
      width: 140rpx;
      height: 50rpx;
      line-height: 50rpx;
      background: #0fa291;
      color: white;
      text-align: center;
      border-radius: 32rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #ffffff;

      image {
        margin-left: 10rpx;
        width: 24rpx;
        height: 24rpx;
      }
    }
  }

  .box {
    width: 100%;
    min-height: 100vh;
    background-color: #fff;
    background-image: url(https://pic.bangbangtongcheng.com/static/MyHomePages/bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 60rpx;

    &.show-list {
      overflow: hidden;
      height: 100vh;
    }
  }

  .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    display: flex;
    align-items: center;
    padding: 0 15px;
    //background-color: #64b6a8;
    z-index: 1000;

    .back-img {
      width: 32rpx;
      height: 32rpx;
      bottom: 0 !important;
    }

    .headBut {
      display: flex;
      margin-left: 20rpx;
      // .btn-item {

      // }
      view {
        width: 110rpx;
        height: 40rpx;
        line-height: 40rpx;
        background: #0fa291;
        border-radius: 22rpx;
        font-weight: 500;
        font-size: 24rpx;
        color: #ffffff;
        text-align: center;
        margin-right: 20rpx;
      }

      .already {
        border: 1rpx solid #0fa291;
        background: #ffffff;
        color: #0fa291;
      }
    }

    .head_right {
      display: flex;
      align-items: center;
      position: absolute;
      left: 380rpx;

      .smkk {
        width: 146rpx;
        height: 50rpx;
        border-radius: 24rpx;
        border: 4rpx solid #64b6a8;
        font-size: 26rpx;
        font-weight: 500;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 30rpx;
      }

      .fanx {
        width: 30rpx;
        height: 30rpx;
        margin-right: 30rpx;
      }

      .genduo {
        width: 36rpx;
        height: 36rpx;
        display: flex;
        align-items: center;
        position: relative;

        .image {
          width: 100%;
          height: 8rpx;
        }

        .administrations {
          width: 140rpx;
          height: 180rpx;
          background-color: #fff;
          position: absolute;
          right: -10rpx;
          bottom: -210rpx;
          box-shadow: 0px 0px 20px 1px #d0d0d0;
          z-index: 100;
          padding: 0 32rpx;
          display: flex;
          flex-direction: column;

          .items {
            height: 72rpx;
            color: #5a5e66;
            font-size: 28rpx;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          &::before {
            content: '';
            display: inline-block;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #fff;
            position: absolute;
            right: 12rpx;
            top: -22rpx;
          }
        }
      }
    }
  }

  .Yesaddress {
    padding: 0 20rpx;
    padding-top: 32rpx;
    padding-bottom: 62rpx;
    background: linear-gradient(
      to bottom,
      #64b6a8 0% 35%,
      rgba(100, 182, 168, 1),
      rgba(100, 182, 168, 0)
    );

    .title {
      font-size: 34rpx;
      font-weight: 700;
      color: #fff;
      margin-bottom: 22rpx;
    }

    .center {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12rpx;

      .center_left {
        display: flex;
        align-items: center;

        .center_title {
          font-size: 28rpx;
          font-weight: 550;
          color: #fff;
          margin-right: 40rpx;
        }

        .Navigation {
          padding: 1px 8rpx;
          border-radius: 8rpx;
          border: 1px solid #fff;
          display: flex;
          align-items: center;

          .image {
            width: 34rpx;
            height: 34rpx;
          }

          .span {
            font-size: 24rpx;
            font-weight: 400;
            color: #fff;
          }
        }
      }

      .center_right {
        width: 136rpx;
        height: 54rpx;
        background-color: #ffffff;
        border-radius: 8rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }

    .dizhi {
      font-size: 24rpx;
      font-weight: 400;
      word-break: break-all;
      color: #666666;
    }
  }

  .NOaddress {
    margin-top: 30rpx;
    padding: 0 20rpx;

    .title {
      font-size: 34rpx;
      font-weight: 700;
      color: #333333;
      margin-bottom: 22rpx;
    }

    .center {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12rpx;

      .center_left {
        display: flex;
        align-items: center;

        .center_title {
          font-size: 28rpx;
          font-weight: 550;
          color: #333333;
          margin-right: 40rpx;
        }

        .Navigation {
          padding: 1px 8rpx;
          border-radius: 8rpx;
          border: 1px solid #64b6a8;
          display: flex;
          align-items: center;

          .image {
            width: 34rpx;
            height: 34rpx;
          }

          .span {
            font-size: 24rpx;
            font-weight: 400;
            color: #64b6a8;
          }
        }
      }

      .center_right {
      }
    }

    .dizhi {
      font-size: 24rpx;
      font-weight: 400;
      color: #666666;
      word-break: break-all;
    }
  }

  .introduce {
    position: relative;
    // padding: 0 30rpx;
    // margin-bottom: 62rpx;
    font-size: 28rpx;
    color: #000000;
    font-weight: 400;
    word-break: break-all;
    line-break: anywhere;
    line-height: 42rpx;
    padding: 20rpx;
    overflow: hidden;
    background: #ffffff;
    border-radius: 10rpx;
    border: 1rpx solid #cccccc;

    .length {
      position: absolute;
      right: 20rpx;
      bottom: 10rpx;
      background-color: #ebebed;
      padding: 4rpx 12rpx;

    }
    .introduceKuang {
      .textarea {
        padding-right: 100rpx;
        padding-bottom: 30rpx;
        width: 100%;
        max-height: 400rpx;
      }
    }

    .scale {
      font-size: 24rpx;
      font-weight: 400;
      color: #333333;
      margin-bottom: 12rpx;
    }

    .center {
      // width: 690rpx;
      width: 100%;
      // padding: 0 30rpx;
      max-height: 90rpx;
      font-size: 24rpx;
      font-weight: 400;
      color: #333333;
      overflow: hidden;
      text-overflow: ellipsis;

      // overflow: hidden;
      .introduceId {
        word-break: break-all;
        line-break: anywhere;
        line-height: 30rpx;
      }
    }

    .editBanner {
      position: absolute;
      width: 103rpx;
      height: 44rpx;
      text-align: center;
      line-height: 44rpx;
      background: #0fa291;
      border-radius: 25rpx;
      font-size: 24rpx;
      color: #ffffff;
      right: 20rpx;
      top: 15rpx;
    }

    .zhankai {
      max-height: none;
    }

    .zk {
      display: flex;
      align-items: center;
      justify-content: flex-end;

      .zk_right {
        display: flex;
        align-items: center;
        font-size: 24rpx;
        font-weight: 400;
        color: #64b6a8;

        .image {
          width: 22rpx;
          height: 22rpx;
        }
      }
    }
  }

  .companySize {
    width: 710rpx;
    height: 90rpx;
    background: #f5f7f9;
    border-radius: 10rpx;
    margin: 20rpx 0rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;

    image {
      margin-right: 8rpx;
      width: 24rpx;
      height: 24rpx;
    }

    view {
      width: 350rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;
      text-align: center;
    }
  }

  .businessCircles {
    //padding: 0 30rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 17rpx;

      .information {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
      }

      .gengd {
        font-size: 24rpx;
        font-weight: 400;
        color: #888888;
      }
    }

    .briefIntroduction {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16rpx;

      .title {
        font-size: 32rpx;
        font-weight: 550;
        color: #333333;
        display: flex;
        align-items: center;
      }

      .image {
        width: 38rpx;
        height: 38rpx;
      }
    }

    .center {
      background: #f5f7f9;
      border-radius: 10rpx;
      padding: 15rpx 20rpx;

      .label {
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        margin-bottom: 20rpx;
      }
    }
  }

  .environment {
    //padding: 0 30rpx;
    display: flex;
    flex-wrap: wrap;

    .image {
      width: 224rpx;
      height: 168rpx;
      border-radius: 18rpx;
      margin-bottom: 20rpx;
      margin-right: 10rpx;
      overflow: hidden;
      position: relative;

      .close {
        position: absolute;
        right: 10rpx;
        top: 10rpx;

        image {
          width: 31rpx;
          height: 31rpx;
        }
      }

      .index {
        padding: 3rpx 13rpx;
        position: absolute;
        height: 30rpx;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 6rpx;
        font-weight: 400;
        font-size: 24rpx;
        color: #ffffff;
        left: 14rpx;
        top: 10rpx;
      }
    }
  }

  .recruitmentPoup {
    width: 100%;
    height: 0%;
    overflow: hidden;
    border-radius: 32rpx;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    transition: all 0.2s;
    background-color: #EFF1F3;

    .title {
      font-size: 34rpx;
      font-weight: 600;
      color: #333333;
      padding: 30rpx;
      background-color: #fff;
      margin-bottom: 20rpx;
    }
    .company-name {
      width: 480rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .list-box {
      padding: 0 30rpx;
    }
  }

  .mingpian {
    position: relative;
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-top: 40rpx;
    margin-left: 30rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .mingpian_left {
      .name {
        position: absolute;
        top: 50rpx;
        left: 174rpx;
        font-size: 36rpx;
        width: 160rpx;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }

      .img1 {
        position: absolute;
        top: 44rpx;
        left: 30rpx;
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
      }

      .img2 {
        position: absolute;
        top: 144rpx;
        left: 40rpx;
        width: 110rpx;
        height: 48rpx;
        background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
        background-size: 100% 100%;
        font-size: 24rpx;
        color: #fff;
        text-align: center;
        line-height: 48rpx;
      }

      .zhiwei {
        position: absolute;
        top: 132rpx;
        left: 54rpx;
        font-size: 20rpx;
        color: #fff;
      }

      .xin {
        position: absolute;
        top: 112rpx;
        left: 170rpx;

        .img3 {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }

    .mingpian_right {
      width: 19rpx;
      height: 36rpx;
      margin-right: 30rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .positionRecruitment-box {
    position: fixed;
    bottom: 0rpx;
    background-color: #fff;
    width: 100%;
    height: 150rpx;
  }
  .positionRecruitment {
    // position: fixed;
    // bottom: 50rpx;
    width: 710rpx;
    height: 100rpx;
    background-image: url(https://pic.bangbangtongcheng.com/static/MyHomePages/button.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10rpx;
    margin: 0rpx 20rpx;
    font-weight: 500;
    font-size: 32rpx;
    color: #0fa291;
    line-height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bottom {
    position: fixed;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
    z-index: 100;

    .bottom_left {
      flex: 1;
      display: flex;
      justify-content: flex-end;

      .img {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-right: 50rpx;

        image {
          width: 54rpx;
          height: 54rpx;
        }

        p {
          font-size: 24rpx;
        }
      }
    }

    .but {
      // position: absolute;
      width: 200rpx;
      height: 70rpx;
      border-radius: 36rpx;
      text-align: center;
      line-height: 70rpx;
      color: #fff;
      background: #64b6a8;
      margin-right: 25rpx;
      // top: 26rpx;
      // right: 30rpx;
    }
  }

  .bottomScrollInfo {
    background: linear-gradient(180deg, #f5f7f9 0%, #ffffff 50%);
    border-radius: 40rpx 40rpx 0rpx 0rpx;
    padding: 0 20rpx;
  }

  .dpTab {
    height: 100rpx;
    display: flex;
    align-items: center;
    //margin-bottom: 34rpx;
    margin-top: 30rpx;
    justify-content: space-around;

    .dpTab_item {
      height: 100%;
      position: relative;
      font-weight: 400;
      font-size: 28rpx;
      color: #666666;
      margin-right: 60rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .dpTab_item_img {
        margin-top: 10rpx;
        width: 30rpx;
        height: 6rpx !important;
      }
    }

    .dpTab_item_cur {
      font-weight: 600;
      font-size: 32rpx;
      color: #000000;
    }
  }

  .jieshao {
    width: 100%;
    border-bottom: 20rpx solid #f2f2f2;
    padding-bottom: 30rpx;
    display: flex;
    align-items: center;

    p {
      display: inline-block;
    }

    .p1 {
      margin-top: 32rpx;
      margin-left: 30rpx;
      margin-right: 10rpx;
      padding-right: 16rpx;
      font-size: 34rpx;
      color: #64b6a8;
      border-right: 2rpx solid #64b6a8;
    }

    .p2 {
      font-size: 28rpx;
      width: 520rpx;
      word-break: break-all;
      margin-top: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; //想要的行数
      -webkit-box-orient: vertical;
    }
  }

  .circle {
    margin: 0 30rpx;
    margin-top: 30rpx;

    .circle_item {
      width: 100%;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 30rpx;
      display: flex;

      .headPortrait {
        width: 90rpx;
        height: 90rpx;
        position: relative;

        .img1 {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }

        // .img2 {
        //   position: absolute;
        //   bottom: -14rpx;
        //   left: 50%;
        //   transform: translateX(-50%);
        //   width: 100rpx;
        //   height: 40rpx;
        //   background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
        //   background-size: 100% 120%;
        //   font-size: 24rpx;
        //   color: #fff;
        //   text-align: center;
        //   line-height: 40rpx;
        // }
      }

      .mingpians {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .mingpians_left {
          display: flex;

          /* margin-left: 30rpx; */
          .counselor {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 23rpx;
            height: 130rpx;

            .counselor_top {
              display: flex;
              align-items: center;
              width: 360rpx;

              .name {
                font-size: 28rpx;
                font-weight: 550;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }

              .attention {
                display: flex;
                margin-left: 12rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #333333;

                .img4 {
                  width: 41rpx;
                  height: 41rpx;
                  margin-right: 4rpx;
                }
              }
            }

            .counselor_bottom {
              display: flex;
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;

              .img3 {
                width: 31rpx;
                height: 31rpx;
                margin-left: 5rpx;
              }
            }
          }
        }

        .mingpians_right {
          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .image1 {
              width: 44rpx;
              height: 44rpx;
            }
          }
        }
      }

      .circle_center {
        width: 630rpx;
        height: 290rpx;
        border-radius: 18rpx;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 24rpx;
      }

      .circle_center_wz {
        margin-left: 30rpx;
        margin-top: 20rpx;

        .circle_center_wz_text {
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          overflow: hidden;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .circle_center_wz_img {
          margin-top: 20rpx;

          .circle_center_wz_imgss {
            width: 100%;
            height: 290rpx;
            /* border-radius: 18rpx; */
          }

          .circle_center_wz_imgss_d {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            /* justify-content: space-between; */

            .image {
              width: 170rpx;
              height: 170rpx;
              border-radius: 10rpx;
              margin-bottom: 8rpx;
              margin-right: 8rpx;
            }
          }

          .circle_center_wz_imgss_ds {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .image {
              width: 170rpx;
              height: 170rpx;
              margin-right: 10rpx;
              border-radius: 10rpx;
              margin-bottom: 10rpx;
            }
          }

          .circle_center_wz_img_vid {
            /* max-width: 630rpx; */
            /* max-height: 290rpx; */
            position: relative;
            display: inline-block;

            image {
              max-width: 550rpx;
            }

            .images {
              width: 74rpx;
              height: 74rpx;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
            }
          }
        }
      }

      .circle_bottom {
        margin-top: 30rpx;
        margin-left: 30rpx;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .circle_left {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
        }

        .circle_right {
          display: flex;
          align-items: center;

          .circle_right_item {
            display: flex;
            align-items: center;
            margin-right: 20rpx;
            height: 37rpx;
            color: #64b6a8;

            .image2 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image3 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image4 {
              width: 34rpx;
              height: 34rpx;
              margin-right: 4rpx;
            }
          }

          .circle_right_item:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }

  .bannerBox {
    position: relative;
    width: 710rpx;
    height: 300rpx;
    //background: red;
    margin: 0rpx auto;
    border-radius: 20rpx;
    overflow: hidden;

    .video-box {
      width: 100%;
      height: 100%;

      .default_img {
        width: 100%;
        height: 100%;
      }
      video {
        width: 100%;
        height: 100%;
        max-width: 100%;
        // max-height: 500rpx;
      }
      .videoS {
        width: 15%;
        height: 36rpx;
        background-color: #ffffff;
        z-index: 1;
        position: absolute;
        bottom: 40rpx;
        left: 43%;
        text-align: center;
        line-height: 30rpx;
        border-radius: 25px;
        font-size: 20rpx;
      }
    }


    .butbox {
      position: absolute;
      // left: 263rpx;
      bottom: 30rpx;
      z-index: 30;

      .tu {
        display: inline-block;
        width: 120rpx;
        height: 50rpx;
        border-radius: 30rpx;
        margin-left: 24rpx;
        margin-right: 90rpx;
      }

      .but {
        display: inline-block;
        text-align: center;
        line-height: 52rpx;
        width: 100rpx;
        height: 36rpx;
        background: url('https://pic.bangbangtongcheng.com/static/name.png');
        background-size: 100% 100%;
        font-size: 20rpx;
        color: #fff;
        text-align: center;
        line-height: 36rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }
  .editBanner {
    position: absolute;
    width: 176rpx;
    height: 50rpx;
    text-align: center;
    line-height: 50rpx;
    background: #0fa291;
    border-radius: 25rpx;
    font-size: 24rpx;
    color: #ffffff;
    right: 20rpx;
    top: 30rpx;
    z-index: 20;
  }

  .list {
    margin-top: 30rpx;
    margin-left: 30rpx;
    width: 720rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .liss {
      width: 96%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 2rpx solid #e0e0e0;
      display: flex;

      // justify-content: space-between;
      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
        border-radius: 20rpx;
      }

      .li_3 {
        margin-left: 24rpx;

        .servicesAvailable {
          font-size: 32rpx;
          font-weight: 500;
          color: #64b6a8;
        }

        .serviceContent {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .list_1 {
    margin-top: 30rpx;
    margin-left: 30rpx;
    width: 720rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 24rpx;
    }

    .li {
      width: 96%;
      padding-bottom: 18rpx;

      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 366rpx;
          height: 140rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .hui {
    position: fixed;
    right: 30rpx;
    bottom: 154rpx;
    display: flex;
    align-items: center;
    padding: 10rpx 20rpx;
    background-color: #fff;
    border-radius: 34rpx;
    font-size: 26rpx;
    box-shadow: 0px 0px 36rpx rgba(0, 0, 0, 0.16);

    image {
      width: 46rpx;
      height: 46rpx;
      margin-right: 18rpx;
    }
  }

  .view {
    position: relative;
    font-size: 32rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  .xian {
    width: 690rpx;
    height: 2rpx;
    margin-left: 30rpx;
    background-color: #e0e0e0;
  }

  .Ptop {
    /* #ifdef H5 || APP-PULS */
    // padding-top: 104rpx;
    margin-top: 98rpx;
    /* #endif */
    /* #ifdef H5  */
    // padding-top: 104rpx;
    margin-top: 0rpx;
    /* #endif */
    /* #ifdef MP  */
    // margin-top: 188rpx;
    /* #endif */
  }

  .fixed {
    // display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }

  .binds_frame {
    width: 600rpx;
    font-size: 30rpx;
    background-color: #fff;

    .binds_frame_c {
      font-size: 28rpx;
      font-weight: 400;
      color: #64b6a8;
      min-height: 160rpx;
      max-height: 800rpx;
      overflow-y: auto;
      padding: 40rpx 48rpx;
    }

    .binds_frame_b {
      height: 100rpx;
      border-top: 1px solid #eee;
      color: #007aff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
    }
  }

  .binds_shield {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 70rpx 44rpx 44rpx 44rpx;

    .text {
      font-size: 30rpx;
      font-weight: 400;
      color: #000000;
    }

    .btn {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      margin-top: 36rpx;

      .qx_btn {
        width: 160rpx;
        height: 60rpx;
        border-radius: 38rpx;
        border: 1px solid #64b6a8;
        font-size: 30rpx;
        font-weight: 400;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .qd_btn {
        width: 160rpx;
        height: 60rpx;
        background-color: #64b6a8;
        border-radius: 38rpx;
        font-size: 30rpx;
        font-weight: 400;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }

  .vip-rank {
    width: 120rpx;
    padding: 3rpx 10rpx;
    margin: 0 18rpx 0 0;
    background: #f6f0ff;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    opacity: 1;
    border: 2rpx solid #bd90d9;
    font-size: 24rpx;
    font-weight: 500;
    color: #bd90d9;
    text-align: center;
  }
/deep/  .textarea-placeholder {
	  // height: 22px!important;
	  font-size: 14px;
  }
</style>
